<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Jq入门</title>
    <!--
            JQuery 就是丰富的js库，html文档的dom操作，动画，
            ajax等等这些（jquery封装了各种各样的方法）

           使用步骤
            1)jq官网下载核心的js文件
                    xxx.版本号.js
                    xxx.版本号.min.js  (部署上线的js文件---使用压缩版)
            2)Jquery的一般情况的使用的时候,需要页面载入事件


    -->
    <!--导入Jquery的js库-->
    <script src="js/jquery-3.4.1.min.js"></script>
    <script>
        //1.原生js的写法, 需要给按钮设置点击事件
       /* function myClick(){
            alert("原生Js的单击事件触发") ;
        }*/
     /*  function  init() {
          // alert("原生js页面载入事件触发")
           //获取的input标签对象
           var input = document.getElementById("btn") ;
           //设置value熟悉性
           input.value="单击按钮" ;
       }*/

     //2.Jquery的页面载入事件 :body内容加载完毕触发页面载入
       /* $(document).ready(function(){

            alert("jq的页面载入事件触发了") ;
        }) ;*/

       //jq的入口
       $(function(){
           //alert("jq的页面载入事件触发了") ;

           /*获取Jquery对象,然后调用Jquery的方法去使用
           Jquery对象---->基本的Jquery的选择器
                使用最多的Jq的id选择器
                $("#id属性值")---获取Jq标签对象(当前标签对象)
           * */
            //获取id="btn"所在的标签对象
           $("#btn").click(function(){



               // alert("Jq的单击点击事件触发了") ;
               //载入新的url
               //window对象里面location.href ="url" ;
               window.location.href="http://localhost:8080/Maven_Project_02/admin/login.jsp" ;



           }) ;

       }) ;

    </script>
</head>
<!--原生js的页面载入事件:让body的内容加载完毕之后触发这个load事件-->
<!--<body onload="init()">
    <input type="button" value="点我试试" id="btn" onclick="myClick()" />
</body>-->
<body>
    <input type="button" value="点我试试" id="btn" />
</body>
</html>